//浏览器滚动事件
$(window).scroll(function () {
  //实现吸顶和侧边栏效果
  if ($(window).scrollTop() > 500) {
    //让那个吸顶下拉显示
    $(".searchTop").slideDown();
    //吸顶div变为弹性盒
    $(".searchTop").css("display", "flex");
    //侧边栏显示
    $(".fixed").fadeIn();
  } else {
    $(".searchTop").slideUp();
    $(".fixed").fadeOut();
  }
});
//右侧固定的导航
$(".fixedBox").each(function (key, item) {
  if ($(window).scrollTop() > $(item).offset().top) {
    $(".fixedBox").eq(key).addClass("active").siblings().removeClass("active");
  }
});
//给右侧添加点击事件
$(".fixedBox").each(function (key, item) {
  $(item).click(function () {
    if ($(item).attr("name") === "back") {
      $("html").animate({ scrollTop: 0 }, 1000, "linear");
    } else if ($(item).attr("name") === "oLi") {
      $("html").animate(
        { scrollTop: $(".cartO").eq(key).offset().top - 200 },
        1000,
        "linear"
      );
    }
  });
});
